<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="../../js/mui.min.js"></script>
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/share/common.css" rel="stylesheet" />
		<link href="../../css/chat/circleFriendList.css" rel="stylesheet" />

	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header-left"></a>
			<a class="mui-icon  mui-pull-right header-right-text"></a>
			<h1 class="mui-title">圈子</h1>
		</header>
		<div class="mui-content">
            <div class="clearfix" id="main" >
				<ul class="main_list">
					<li v-for="friend in userlists" v-on:click="opennewwin(friend.id,2,friend.huanid)">
						<img src={{friend.headimg}} />
						<div class="name">
							{{friend.nickname}}
						</div>
					</li>
				</ul>
				<div class="mui-table-view-cell" v-on:click="clearGroup()">
					<button>
						清空群消息记录
					</button>
				</div>
			</div> 
		</div>
	</body>
	<script src="../../js/vue.min.js"></script>
	<script src="../../js/vue-resource.min.js"></script>
	<script src="../../js/md5.js"></script>
	<script src="../../js/localData.js"></script>
	<script src="../../js/request.js"></script>
	<script src="../../script/chat/circleFiendList.js"></script>

</html>